<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>嵩县全域智慧旅游产业大数据和决策分析云平台</title>
    <link rel="stylesheet" href="../../assets/css/public.css">
    <link rel="stylesheet" href="../../assets/css/common.css">
    <link rel="stylesheet" href="../../assets/css/index.css">
    <link rel="stylesheet" href="../../assets/css/basicElements.css">
    <link rel="stylesheet" href="../../assets/css/animate.min.css">
</head>
<body>
    <div class="box">
        <!--头部-->
        <div class="title-box">
            <div class="title-left">
                <span id="weather">小雨转晴</span>
                <span id="temperature">32/23℃</span>
                <span id="windPower">东风</span>
            </div>
            <div class="title-img">
                <h3>嵩县全域智慧旅游产业大数据和决策分析云平台</h3>
                <img src="../../assets/images/title-bg.png">
            </div>
            <div class="title-right">
                <a href="../admin/index.html">运营管理</a>
            </div>
        </div>
        <!--主体-->
        <div class="main-box">
            <!--导航-->
            <div class="nav-box">
                <ul>
                    <li>
                        <a href="../index/index.html">
                            <div>
                                <img src="../../assets/images/icon-index.png">
                                <img src="../../assets/images/icon-index-active.png">
                            </div>
                            <p>旅游发展环境</p>
                        </a>
                    </li>
                    <li class="active">
                        <a href="../basicElements/index.html">
                            <div>
                                <img src="../../assets/images/icon-analysis.png">
                                <img src="../../assets/images/icon-analysis-active.png">
                            </div>
                            <p>旅游基础要素</p>
                        </a>
                    </li>
                    <li>
                        <a href="../touristFlow/index.html">
                            <div>
                                <img src="../../assets/images/icon-image.png">
                                <img src="../../assets/images/icon-image-active.png">
                            </div>
                            <p>旅游客流监测</p>
                        </a>
                    </li>
                    <li>
                        <a href="../touristsPortrait/index.html">
                            <div>
                                <img src="../../assets/images/icon-portrait.png">
                                <img src="../../assets/images/icon-portrait-active.png">
                            </div>
                            <p>游客画像分析</p>
                        </a>
                    </li>
                    <li>
                        <a href="../tourismEnterprises/index.html">
                            <div>
                                <img src="../../assets/images/icon-operation.png">
                                <img src="../../assets/images/icon-operation-active.png">
                            </div>
                            <p>旅游企业监测</p>
                        </a>
                    </li>
                    <li>
                        <a href="../pinglun/index.html">
                            <div>
                                <img src="../../assets/images/icon-pinglun.png">
                                <img src="../../assets/images/icon-pinglun-active.png">
                            </div>
                            <p>互联网评论</p>
                        </a>
                    </li>
                </ul>
            </div>
            <!--数据内容-->
            <div class="content-box flex-column">
                <div class="content-nav">
                    <ul>
                        <li class="active">
                            <a href="#">旅游基础要素</a>
                        </li>

                    </ul>
                </div>
                <div class="content-main flex-row flex1">
                    <div class="content-left">
                        <div class="basicElements-leftTop animated bounceInDown">
                            <div class="content-title">
                                旅游产业要素
                            </div>
                            <div class="content-left-main flex1">
                                <ul class="basicElements-leftTop-nav">
                                    <li class="active">
                                        <a href="./index.html">
                                            <div class="img-box">
                                                <img src="../../assets/images/jingqu.png">
                                                <img src="../../assets/images/jingqu-active.png">
                                            </div>
                                            <div class="heroic-content">
                                                <p>景区</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="./index_hotel.html">
                                            <div class="img-box">
                                                <img src="../../assets/images/zhusu.png">
                                                <img src="../../assets/images/zhusu-active.png">
                                            </div>
                                            <div class="heroic-content">
                                                <p>住宿</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="./index_food.html">
                                            <div class="img-box">
                                                <img src="../../assets/images/canyin.png">
                                                <img src="../../assets/images/canyin-active.png">
                                            </div>
                                            <div class="heroic-content">
                                                <p>餐饮</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">
                                            <div class="img-box">
                                                <img src="../../assets/images/gouwu.png">
                                                <img src="../../assets/images/gouwu-active.png">
                                            </div>
                                            <div class="heroic-content">
                                                <p>购物</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="./index_lxs.html">
                                            <div class="img-box">
                                                <img src="../../assets/images/lvxingshe.png">
                                                <img src="../../assets/images/lvxingshe-active.png">
                                            </div>
                                            <div class="heroic-content">
                                                <p>旅行社</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="index_wc.html">
                                            <div class="img-box">
                                                <img src="../../assets/images/wc.png">
                                                <img src="../../assets/images/wc-active.png">
                                            </div>
                                            <div class="heroic-content">
                                                <p>厕所</p>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                                <!--<div class="basicElements-leftTop-info">-->
                                    <!--<a href="javascript:;" class="active">-->
                                        <!--<span>5个</span>-->
                                        <!--<b>4A级</b>-->
                                    <!--</a>-->
                                    <!--<a href="javascript:;">-->
                                        <!--<span>15个</span>-->
                                        <!--<b>3A级</b>-->
                                    <!--</a>-->
                                    <!--<a href="javascript:;">-->
                                        <!--<span>20个</span>-->
                                        <!--<b>2A级</b>-->
                                    <!--</a>-->
                                    <!--<a href="javascript:;">-->
                                        <!--<span>30个</span>-->
                                        <!--<b>A级</b>-->
                                    <!--</a>-->
                                <!--</div>-->
                                <p class="total">共<i>10</i>条记录</p>
                                <ul class="basicElements-info-list scrollbar">
                                    <li><span>白云山</span><a href="indexDetail_bys.html">查看</a></li>
                                    <li><span>天池山</span><a href="indexDetail_tcs.html">查看</a></li>
                                    <li><span>木札岭</span><a href="indexDetail_mzl.html">查看</a></li>
                                    <li><span>九店石头部落</span><a href="indexDetail_stbl.html">查看</a></li>
                                    <li><span>黄庄手绘小镇</span><a href="indexDetail_shxz.html">查看</a></li>
                                    <li class="active"><span>六龙山</span><a href="indexDetail_lls.html">查看</a></li>
                                    <li><span>白河千年银杏林和云岩寺</span><a href="indexDetail_yxl.html">查看</a></li>
                                    <li><span> 陆浑风景区</span><a href="indexDetail_lhfjq.html">查看</a></li>
                                    <li><span>两程故里</span><a href="indexDetail_lcgl.html">查看</a></li>
                                    <li><span>伊尹祠</span><a href="indexDetail_yyc.html">查看</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="content-center flex3">
                        <div class="flex1 map-box bounceInUp animated">
                            <div class="map" id="myMap-all">

                            </div>
                            <div class="video-box hd">
                                <video src="http://139.129.111.136/in1/templates/wechatmanage/image/1.mp4" controls=""></video>
                            </div>
                            <div class="map-info-box">
                                <div class="btn-list">
                                    <a href="../tourismEnterprises/index.html">企业监测</a>
                                    <a href="../touristFlow/scenicFlow.html">客流监测</a>
                                    <!-- <a href="../index/traffic.html">交通监测</a> -->
                                    <!-- <a href="javascritp:;">视频监控</a> -->
                                </div>
                                <div class="img-box">
                                    <img src="../../assets/temporary/liulongshan.jpg" alt="">
                                </div>
                                <div class="information-box">
                                    <h3>
                                        <span>六龙山</span><i></i>
                                    </h3>
                                    <div>
                                        <p>地址:嵩县车村镇两河口村</p>
                                        <p>开放时间：全年</p>
                                        <p>08:00-19:00</p>
                                        <p>门票价格：无</p>
                                        <p>建议游玩时间：一天</p>
                                    </div>
                                </div>
                                <div class="introduce-box scrollbar">
                                    <h2>景区介绍</h2>
                                    <p>
                                        位于洛阳市嵩县车村镇两河口村境内，与东南石人山、西南白云山两风景区互为猗角，陆白公路穿景区而过。六龙山景区主峰海拔618.25米，面积约25平方公里。六龙山奇峰壁立、洞壑深幽，独特的山体构造和原始森林交相辉映，绚丽多姿，别具一格的景区集北方的豪野刚阳美与南方的明秀阴柔美为一体，融雄峻，奇险，秀丽为一炉，成为避暑乘凉的理想休闲胜地。
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</body>
<script src="../../assets/plugin/jquery.min.js"></script>
<script src="../../assets/plugin/layer/layer.js"></script>
<script src="../../assets/plugin/ECharts/echarts.js"></script>
<script src="../../assets/plugin/ECharts/china.js"></script>
<script src="../../assets/plugin/jquery.leoTextAnimate.js"></script>
<script src="../../assets/js/public.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=RbLCQuGNfG1cQrKmywquV6wEEkoVkyNY"></script>
<script>
    // 百度地图API功能
    var map = new BMap.Map("myMap-all", {minZoom:7,maxZoom:20}, { enableMapClick: false });
    var point = new BMap.Point(112.16229,33.869497);    // 初始化地图,设置中心点坐标
    map.centerAndZoom(point, 16);
    map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
    var blist = [];
    var districtLoading = 0;
    map.setMapStyle({style: 'normal'})
    //默认地图样式(normal)
    //清新蓝风格(light)
    //黑夜风格(dark)
    //清新蓝绿风格(bluish)
    //高端灰风格(grayscale)
    //强边界风格(hardedge)
    //青春绿风格(darkgreen)
    //浪漫粉风格(pink)
    //午夜蓝风格(midnight)
    //自然绿风格(grassgreen)
    //精简风格(googlelite)
    //红色警戒风格(redalert)
    //添加点击事件
    function addClickHandler(MonitorData, marker) {
       var MD=MonitorData
        marker.addEventListener("click", function(e) {
            layer.open({
                type: 2,
                title: false,
                area: ['630px', '360px'],
                shade: 0.8,
                closeBtn: 0,
                shadeClose: true,
                content: `http://123.7.55.26:8888/bigdata/monitor/index.html?ip=222.88.82.90&port=2003&ur=songxian&pw=lyta2020&sn=${MD}`
            });
        });
    }


    let newIcon = new BMap.Icon("../../assets/images/icon-monitor.png", new BMap.Size(36, 47));
    var data_info = [
        [111.88059,33.744611, "嵩县白云山大巴候车","DS-2CD5A26EFWD-IZS20171130AACH138247023"],
        [111.898276,33.753103, "嵩县白云山铜河入园候车厅","DS-2CD5A26EFWD-IZS20171130AACH138247184"],
        [111.838762,33.668369, "嵩县白云山森林氧吧","20180320AACHC11174806"],
        [111.878829,33.680217, '嵩县白云山青龙吊桥',"DS-2CD5A26EFWD-IZS20171130AACH138246887"],
        [111.847891,33.674602, '嵩县白云山黄石崖全景',"DS-2CD3T45P1-I20180908AACH222107849"]
    ];
    var radioData = []
    function showMarker() {
        for (var i = 0; i < data_info.length; i++) {
            var marker = new BMap.Marker(new BMap.Point(data_info[i][0], data_info[i][1]), {icon:newIcon });  // 创建标注
            var MonitorData = data_info[i][3];
            map.addOverlay(marker);               // 将标注添加到地图中
            addClickHandler(MonitorData, marker);

        }
    }
    $('.map-info-box .btn-list>a').click(function () {
        if($(this).text()=='视频监控'){
            showMarker()
            $(this).addClass('active')
        }
    })

</script>
</html>
